[name=generateorder_Block]{height:100%;width:100%}
.genOrder_icon{background:url(/images/POS/confirmOrder/confirmOrderIcon.png) no-repeat}
.genOrder_orderList{background-color:#ebecef;border:1px solid #bbbcba;height:100%;width:282px}
.genOrder_orderList_head{background-color:#565b69;border:1px solid #4f5464;color:#fff;height:44px}
.genOrder_orderList_tabledetail{background:0;background-color:#fcfbfa;border:1px solid #c4c6cb;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfbfa',endColorstr='#cdd0ce');height:91px;padding:2px 10px}
.genOrder_orderList_body{background-color:#eaeaec;border:1px solid #b9b7b7;height:301px;overflow-y:auto;overflow-x: hidden;}
[name=genOrder_btnpayment]{color:#24bb9c !imporntant;height:40px;width:100%}
[name=genOrder_Orderdetail]{height:100%;padding:3px 7px;position:absolute;width:calc(100% - 301px)}
.genOrder_Orderdetail_head{border-bottom:1px solid #cdced0;height:54px;width:100%}
.genOrder_Orderdetail_folio{margin-bottom:10px;width:100%}
.genOrder_Orderdetail_history{min-height:87px;width:100%}
.genOrder_Orderdetail_btnbtm{height:28px;margin:auto;width:50%}
[name=genOrder_btnEdit]{height:20px;padding:4px 0 0 4px !important;width:61px}
.btnEditicon{background-position:-23px 0;font-size:12px !imporntant;height:20px;width:20px}
.btnspritTableicon{background-position:-69px 0;height:20px;width:20px}
.inputOrderItem{background-position:-69px -69px;height:16px;width:20px; margin-left: 3px; display: inline-block;}
.fillInputblock{width: 275px;height: 18px;border: 0px;display: inline-block;}
.btngroupTableicon{background-position:0 -69px;height:20px;width:20px}
.btnPrinticon{background-position:0 -92px;font-size:12px !imporntant;height:10px;width:23px}
.btnhistoryIcon{background-position:-23px -92px;height:10px;width:10px}
.createNewbtn{-moz-border-radius:2px;-webkit-border-radius:2px;background:0;background-color:#fcfbfa;background-position:left;border:1px #c0bcbb solid!important;border-radius:2px;color:#666767;cursor:pointer!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfbfa',endColorstr='#cdd0ce');font-size:12px!important;position:relative!important;text-align:center;vertical-align:middle}
.createNewbtn:hover{background:0;background-color:#627ab1;border:1px #465e8f solid!important;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#627ab1',endColorstr='#586d9f')}
.createNewbtn:hover .btnEditicon{background-position: -23px -115px;}
.createNewbtn:hover .btngroupTableicon{background-position: 0 -115px;;}
[name=genOrder_tablename]{font-size:15px;height:18px;text-align:left;width:100%}
.genOrder_guestName{background-position:0 0;height:20px;width:20px}
.genOrder_guestTel{background-position:0 -20px;height:25px;width:12px}
.childInguestData{min-height:23px;min-width:130px;width:50%}
.genOrder_date{background-position:-20px -20px;height:26px;width:22px}
.genOrder_time{background-position:-45px 0;height:22px;width:22px}
[name=genOrder_totalPrice]{border-bottom:1px solid #a2a3a3;border-top:1px solid #a2a3a3;height:22px}
[name=totalTitle]{color:#5b5e72;font-size:15px}
[name=totalAry],[name=balanceAmt]{color:#5d88c7;float:right;font-size:15px}
.OdetailImg{background-position:-46px -20px;height:45px;width:38px}
.Odetailtaitle{border-bottom:2px dotted #a2a3a3;color:#2e353e;min-width:120px;padding-bottom:4px}
.Orderdetail_foliotital{border-bottom:1px solid #9e9f9f;height:25px;padding-top:10px;text-align:center;width:100%}
.Orderdetail_commandBtn{height:30px;padding-top:5px;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.12, #FFFFFF),color-stop(1, #F5F6F5));
background-image: -o-linear-gradient(bottom, #FFFFFF 12%, #F5F6F5 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 12%, #F5F6F5 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 12%, #F5F6F5 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 12%, #F5F6F5 100%);
background-image: linear-gradient(to bottom, #FFFFFF 12%, #F5F6F5 100%);
}
[name=table_folio_item]{width:100%}
[name=table_folio_item] tr,.historyTable tr{height:30px;}
[name=table_folio_item] tr[refid] {border-bottom:1px solid #d4d5d7}
[name=table_folio_item] tr[name=table_folio_total] {border-top:1px solid #a2a1a6}
[name=table_folio_item] tr:first-child,.historyTable tr:first-child{background-color:#6780bb;border-bottom:1px solid #1c367e;border-top:1px solid #1c367e;color:#fff;height:30px}
.historyTable tr+tr td{border-bottom:1px solid #cacbcd}
[name=table_folio_item] td,.historyTable td{padding:0 10px;vertical-align: middle;}
[name=table_folio_item] tr td:nth-child(1){text-align:center;width:5%}
[name=table_folio_item] tr td:nth-child(2){width:38%}
[name=table_folio_item] tr td:nth-child(8) div{margin:0 auto}
[name=table_folio_item] tr td:nth-child(7){padding-right:10px;text-align:right;width:17%}
.folioTotle{color:#5e5b5b}
.disAndtax{color:#4867a3}
[name=table_folio_total]{background-color:#ebecef;border-bottom:1px solid #a0a1a1;border-top:1px solid #a0a1a1}
.chRight{float:right;margin:0 5px 0 0}
.chSummaryTotal{border-bottom:1px solid #cacbcd;color:#5d606c;height:30px}
.historybox{-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#f1f3f7;border:1px solid #a9c7e3;border-radius:4px;margin:5px 0;min-height:35px;padding:10px;color:#3d69b2}
.btnbtmgroup{-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #dedfe0;border-radius:2px;color:#000!important;height:30px;width:120px}
.btnStrong{font-weight:700}
.btnbtmgroup:hover{color:#fff!important}
.btnHistorygroup,.btnfoliocommand,.btnTablecon{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;height:24px}
.btnHistorygroup:nth-child(1){padding:3px 0 0 4px !important;width:130px}
.Orderdetail_commandBtn .createNewbtn{float:right;height:19px;padding:4px 0 0 4px !important;width:70px;display: inline-block;}
.Odetailtail_balance{left:400%;position:relative}
.btnTablecon{font-size:10px;height:20px!important;padding:5px 0 0 4px !important;width:95px}
.groupbtnTablecon{margin-left:calc(100% - 111px);margin-top:-32px;position:absolute;z-index:1}
.orderItem{border-bottom:1px solid #666;height:46px;cursor:pointer;font-size:11px;color:#6a6e72;font-family: sans-serif;}
.orderItem [name=orderItemAmt]{font-size: 9px;}
.orderItem>div{padding-left: 3px;width: 100%;position: relative;}
.orderItem .mid{display: inline-block;}
.orderItem .price{position: absolute;right: 45px;top: 50%;margin-top: -5px;}
[name=table_folio_item] tr td:nth-child(3),[name=table_folio_item] tr td:nth-child(4),[name=table_folio_item] tr td:nth-child(5),[name=table_folio_item] tr td:nth-child(6){width:10%;text-align:right;}
[name=table_folio_item] tr[name=item,[name=table_folio_item] tr[name=fillItem]]{border-bottom:1px solid #cfcfd1}
.item_OrderListicon{background-position: -23px -69px; width: 17px; height: 20px;}
.print_OrderListicon{background-position: 0px -92px; width: 20px; height: 16px;}
.minprintIcon{display: inline-block;position: absolute;right: 15px;top: 50%;margin-top: -8px;}
.genOrder_orderList_body .orderActive{border-top:1px solid #706e72;border-bottom:1px solid #706e72;color:#4d5054;
background: #cacbcd;
background: -moz-linear-gradient(top,  #9b9fa2 1%, #cacbcd 11%, #cacbcd 89%, #9b9fa2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#9b9fa2), color-stop(11%,#cacbcd), color-stop(89%,#cacbcd), color-stop(100%,#9b9fa2));
background: -webkit-linear-gradient(top,  #9b9fa2 1%,#cacbcd 11%,#cacbcd 89%,#9b9fa2 100%);
background: -o-linear-gradient(top,  #9b9fa2 1%,#cacbcd 11%,#cacbcd 89%,#9b9fa2 100%);
background: -ms-linear-gradient(top,  #9b9fa2 1%,#cacbcd 11%,#cacbcd 89%,#9b9fa2 100%);
background: linear-gradient(to bottom,  #9b9fa2 1%,#cacbcd 11%,#cacbcd 89%,#9b9fa2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b9fa2', endColorstr='#9b9fa2',GradientType=0 );
}
.canceledOrder {background:#e9b5b8 !important;}
.orderActive .print_OrderListicon{background-position: 0px -46px;}
.genOrder_orderList_body .orderItem:last-child:not(.orderActive){box-shadow: 0 2px 8px #bbb;}
.orderActive .item_OrderListicon{visibility: hidden;}
.canceledOrder .item_OrderListicon{background-position: -46px -115px;visibility: visible;}
.canceledOrder .print_OrderListicon{display:none}
.orderActive>div{background: url(/images/POS/confirmOrder/editOrder.png) repeat-y;}
.canceledOrder>div{background:none;}
.searchItemOrder{border:1px solid #a5a2a2;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;width: 300px; height:21px;}
.delitemIcon{height: 20px;width: 20px;margin: 3px 0 0 0px;}
.delitemIcon:hover{background-position: -154px -94px !important;}
.updateorderlistIcon{background:url(/images/POS/order/orderPOSicon.png) no-repeat;cursor: pointer;}
.Orderproductheader{
	height: 38px;
	width: 100%;
	background-color: #f9f9fa;
	border-bottom:1px solid #9d9e9f;
	margin-top:5px; 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9fa ), color-stop(1, #ecedec) );
	background:-moz-linear-gradient( center top, #f9f9fa 5%, #ecedec 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9fa', endColorstr='#ecedec');
}
.tabletitle_position{color:#9b9d9a;padding: 10px 0 0 10px;font-size: 15px;margin-left: 10px;font-weight:bold}
.tabletitle_position span{margi:0 5px}
.orderItem .btnStrong {color:#4d5054;}
.orderActive .btnStrong {color:#0a0409;}
[name=item] .productname>div{display:inline-block}
[name=fillItem] .productname>div {display:inline-block;background:#f6f6f6}
.CancelOrderDetail .OdetailImg{background-position:-92px -20px;}
.CancelOrderDetail [name=balanceAmt],.CancelOrderDetail [name=balance] .chRight{color:#e6222f}
.CancelOrderDetail [name=fillItem]{display:none;}
.CancelOrderDetail .canceloverlay{display:block;}